<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0"/>
    <title>乐淘首页</title>
    <link rel="stylesheet" href="./assets/mui/css/mui.css"/>
    <link rel="stylesheet" href="./assets/fa/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="./css/common.css"/>
    <link rel="stylesheet" href="./css/index.css"/>
</head>
<body>
    <div class="lt_container">
        <header class="lt_topBar">
            <h3>乐淘云购</h3>
            <a class="btn_right" href="search.html"><span class="fa fa-search"></span></a>
        </header>
        <div class="lt_content">
            <div class="lt_wrapper">
                <div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<!--这里放置真实显示的DOM内容-->
						<!-- 1. 轮播图播图-->
						<div class="mui-slider">
						  <!-- 1.1 轮播图播图-->
						  <div class="mui-slider-group mui-slider-loop">
						    <!--支持循环，需要重复图片节点-->
						    <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="images/banner6.png" /></a></div>
						    <div class="mui-slider-item"><a href="#"><img src="images/banner1.png" /></a></div>
						    <div class="mui-slider-item"><a href="#"><img src="images/banner2.png" /></a></div>
						    <div class="mui-slider-item"><a href="#"><img src="images/banner3.png" /></a></div>
						    <div class="mui-slider-item"><a href="#"><img src="images/banner4.png" /></a></div>
						    <div class="mui-slider-item"><a href="#"><img src="images/banner5.png" /></a></div>
						    <div class="mui-slider-item"><a href="#"><img src="images/banner6.png" /></a></div>
						    <!--支持循环，需要重复图片节点-->
						    <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="images/banner1.png" /></a></div>
						  </div>
						  <!--1.2 小圆点-->
						  <div class="mui-slider-indicator">
							<div class="mui-indicator mui-active"></div>
							<div class="mui-indicator"></div>
							<div class="mui-indicator"></div>
							<div class="mui-indicator"></div>
						  </div>
						</div>
						<!--2. 导航栏-->
                        <nav class="lt_nav">
                            <a href="#"><img src="images/nav1.png" alt=""/></a>
                            <a href="#"><img src="images/nav2.png" alt=""/></a>
                            <a href="#"><img src="images/nav3.png" alt=""/></a>
                            <a href="#"><img src="images/nav4.png" alt=""/></a>
                            <a href="#"><img src="images/nav5.png" alt=""/></a>
                            <a href="#"><img src="images/nav6.png" alt=""/></a>
                        </nav>
                        <!--3. 商品区块-->
                        <div class="lt_product">
                            <a class="item" href="#">
                                <img src="images/product.jpg" alt=""/>
                                <span class="mui-ellipsis-2 mui-text-left">adidas阿迪达斯 男式 场下休闲篮球鞋S83700 </span>
                                <p><span>&yen;560.00</span> <span>&yen;560.00</span></p>
                                <button class="mui-btn-blue">立即购买</button>
                            </a>
                            <a class="item" href="#">
                                <img src="images/product.jpg" alt=""/>
                                <span class="mui-ellipsis-2 mui-text-left">adidas阿迪达斯 男式 场下休闲篮球鞋S83700 </span>
                                <p><span>&yen;560.00</span> <span>&yen;560.00</span></p>
                                <button class="mui-btn-blue">立即购买</button>
                            </a>
                            <a class="item" href="#">
                                <img src="images/product.jpg" alt=""/>
                                <span class="mui-ellipsis-2 mui-text-left">adidas阿迪达斯 男式 场下休闲篮球鞋S83700 </span>
                                <p><span>&yen;560.00</span> <span>&yen;560.00</span></p>
                                <button class="mui-btn-blue">立即购买</button>
                            </a>
                            <a class="item" href="#">
                                <img src="images/product.jpg" alt=""/>
                                <span class="mui-ellipsis-2 mui-text-left">adidas阿迪达斯 男式 场下休闲篮球鞋S83700 </span>
                                <p><span>&yen;560.00</span> <span>&yen;560.00</span></p>
                                <button class="mui-btn-blue">立即购买</button>
                            </a>
                        </div>

					</div>
				</div>
            </div>
        </div>
        <footer class="lt_tabBar">
            <ul>
                <li class="now"><a href="index.html"><span class="fa fa-home"></span><p>首页</p></a></li>
                <li><a href="category.html"><span class="fa fa-bars"></span><p>分类</p></a></li>
                <li><a href="user/cart.html"><span class="fa fa-shopping-cart"></span><p>购物车</p></a></li>
                <li><a href="user/myindex.html"><span class="fa fa-user"></span><p>会员中心</p></a></li>
            </ul>
        </footer>
    </div>
<script src="assets/mui/js/mui.js"></script>
<script type="text/javascript" src="./js/common.js" ></script>
<script type="text/javascript" src="./js/index.js"></script>
</body>
</html>